<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>{$title}</title>
		<meta name="keywords" content="{$keyword}" />
		<meta name="description" content="{$description}" />
		<link rel="stylesheet" href="__STATIC__/css/public.css">
		<link rel="stylesheet" href="__STATIC__/css/serviceBook.css"/>
		<script src="__STATIC__/js/jquery.min.js"></script>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	</head>
	<body>
		<!-- public header or signin login block -->
	    <div class="header">
	        <div class="header_c">
	            <div class="logo"></div>
	            <div class="loginBlock">
			 <if condition="$member['username'] eq '' " >
              <!--  <span class="signIn"><a href="{:U('Home/Login/reg')}" style="color:#333;">注册</a></span>&nbsp;|&nbsp;<span class="logIn"><a href="{:U('Home/Login/index')}" style="color:#333;">登录</a></span> -->
			  <else />
                <span class="signIn">欢迎，{$member['username']}</span><span class="logIn"><a href="{:U('Home/Login/logout')}" style="color:#333;">退出</a></span>
			  </if>
	            </div>
	            <ul>
	             <volist name="menu" id="vo">
	              <li class="<eq name="Think.const.ACTION_NAME" value="$vo.active">current_li</eq>"><a href="{$vo.url}">{$vo.name}</a></li> 
	             </volist>
	            </ul>
	        </div>
	    </div>
		
	    <!-- service page start here -->
	    <div class="servicePage">
	    	
	    	<!--yeshou-->
	    	<div class="yeshou">
	    		<span>首页</span> > <span>服务指南</span>
	    	</div>
	    	
	    	<!--service left-->
	    	<div class="serviceLeft">
	    		<div class="serToggleOut">
	    			<span>为什么选择好房东</span><div class="toggleIcon"></div>
	    		</div>
	    		<div class="serToggleInner">
	    			<ul>
	    				<li><a href="javascript:void(0);">好房东简介</a></li>
	    				<li><a href="javascript:void(0);">好房东承诺</a></li>
	    				<li><a href="javascript:void(0);">租房认证</a></li>
	    			</ul>
	    		</div>
	    		<div class="serToggleOut">
	    			<span>预约预定</span><div class="toggleIcon"></div>
	    		</div>
	    		<div class="serToggleInner">
	    			<ul>
	    				<li><a href="javascript:void(0);">预约预定流程</a></li>
	    				<li><a href="javascript:void(0);">找房注意事项</a></li>
	    			</ul>
	    		</div>
	    		<div class="serToggleOut">
	    			<span>入住须知</span><div class="toggleIcon"></div>
	    		</div>
	    		<div class="serToggleInner">
	    			<ul>
	    				<li><a href="javascript:void(0);">入住提醒</a></li>
	    				<li><a href="javascript:void(0);">签合同携带物品</a></li>
	    				<li><a href="javascript:void(0);">签约注意事项</a></li>
	    				<li><a href="javascript:void(0);">租住公约</a></li>
	    				<li><a href="javascript:void(0);">好房东信用</a></li>
	    			</ul>
	    		</div>
	    		<div class="serToggleOut">
	    			<span>租期服务</span><div class="toggleIcon"></div>
	    		</div>
	    		<div class="serToggleInner">
	    			<ul>
	    				<!--<li><a href="javascript:void(0);">租期服务01</a></li>
	    				<li><a href="javascript:void(0);">租期服务02</a></li>
	    				<li><a href="javascript:void(0);">租期服务03</a></li>-->
	    			</ul>
	    		</div>
	    		<div class="serToggleOut">
	    			<span>租约变更流程及通知</span><div class="toggleIcon"></div>
	    		</div>
	    		<div class="serToggleInner">
	    			<ul>
	    				<li><a href="javascript:void(0);">换租流程及须知</a></li>
	    				<li><a href="javascript:void(0);">续租和正退流程及须知</a></li>
	    				<li><a href="javascript:void(0);">转租流程及须知</a></li>
	    				<li><a href="javascript:void(0);">单解流程及须知</a></li>
	    			</ul>
	    		</div>
	    		<div class="serToggleOut">
	    			<span>供暖须知</span><div class="toggleIcon"></div>
	    		</div>
	    		<div class="serToggleInner">
	    			<ul>
	    				<!--<li><a href="javascript:void(0);">供暖须知01</a></li>
	    				<li><a href="javascript:void(0);">供暖须知02</a></li>
	    				<li><a href="javascript:void(0);">供暖须知03</a></li>-->
	    			</ul>
	    		</div>
	    	</div>
	    	
	    	<!--service right-->
	    	<div class="serviceRight">
	    		<div class="rightTitle"><span class="nullSpan"></span><span class="wordSpan">好房东简介</span></div>
	    		<div class="rightText">
	    			<!--<p>自如致力于为网友创造品质租住生活，与最佳的租住体验。</p><p>虽然市场上的租客需求形形色色，每一个人的喜好千差万别，但追求品质生活的人（自如客）都认可整洁、安全是品质生活的基本标准。而自如将这种标准细化、升级，对房屋实施统一的装修、家居家电配置，以及保洁、租客选择、管家服务。这就是“自如标准”，在目前鱼龙混杂的租房市场，该标准是最具标准化，也是最严格的,同时目前为止也是唯一的标准。</p><p>从房间风格到wifi热点的摆放位置，从每月定期的统一保洁服务到家具家电品牌的选择，目前“自如标准”已经达到上千条之多，同时我们仍在努力提升标准中的各项细节，并且不打算停止。未来包括搬家服务，甚至墙漆色彩等个性化的需求，也都在日程之中。</p><p>我们认为租住不只是取得一间房子的使用权或者安家的权宜之计，更是年轻一代的生活方式和社交平台。这种生活方式代表着：便捷、简单而温暖。如果你需要一个室友或合租者，那么我们有严格的租客标准，能保障你迅速找到最臭味相投的人，这是自如同时作为社交平台的魅力。</p>-->
	    		</div>
	    	</div>
	    </div>
	    
	    
	    <!-- public footer block -->
	    <div class="footer">
	        <div class="footLink">
	            <div class="fLink_c">
	                <div class="rentStep"></div>
	                <div class="complain"></div>
	                <div class="newNotice"></div>
	                <div class="erweima"></div>
	                <div class="carePlat">关注好房东公众号</div>
	            </div>
	        </div>
	        <div class="copyRight">
	            <div class="copyRight_c">
	                <div>Copyright © 2012-2017 hfd.fangbanghui.com（房帮惠）. All Rights Reserved 辽ICP备15015212号-1</div>
	            </div>
	        </div>
	    </div>
	    
	    <!-- public aside block -->
	    <ul class="aside">
	        <li class="share"></li>
	        <li class="comment"></li>
	        <li class="wechat"></li>
	        <li class="goTop"></li>
	    </ul>
	    
	    <!-- customService block -->
	    <div class="customService"></div>
	    
	</body>
	<script type="text/javascript">
		$(function(){
//			左侧伸缩功能
			$(".serToggleOut").click(function(){
				$(this).next().slideToggle("fast",function(){
					if($(this).is(":visible")){
			            $(this).prev().find(".toggleIcon").css("background-image","url(__STATIC__/images/service/toggleDowmIcon.png)");
			        }else{
			            $(this).prev().find(".toggleIcon").css("background-image","url(__STATIC__/images/service/toggleUpIcon.png)");
			        }
				});
			});
			
			$.ajax({
					type:"post",
					url:"{:U('Home/Index/service')}",
					data:{titleWord	:  "好房东简介"},
					success:function(data){
//						console.log(data);
						$(".rightText").html(data);
					}
				});
			
//			点击菜单列表变色，title文字变化
			$(".serToggleInner li").click(function(){
				$(".serToggleInner li a").css({
					"font-weight": "normal",
					"color": "#333"
				});
				$(this).find("a").css({
					"font-weight": "bold",
					"color": "#db382b"
				});
				
				var liWord = $(this).text();
//				console.log(liWord);
				
				var titleWord = $(".wordSpan").text(liWord);
//				console.log("title="+titleWord);
				
				$.ajax({
					type:"post",
					url:"{:U('Home/Index/service')}",
					data:{titleWord	:  liWord},
					success:function(data){
//						console.log(data);
						$(".rightText").html(data);
					}
				});
			});
		});
	</script>
</html>
